iT邦幫忙

2022 iThome 鐵人賽

DAY 5
0
Software Development

新手村的練功筆記系列 第 5

Day 5 網頁骨架(HTML) & 網頁樣式(CSS)

  • 分享至 

  • xImage
  •  

昨天提到了網頁的前、後端
今天來粗淺的介紹一下他們使用的語言和對應的關鍵字

前端

網頁骨架(HTML)

HTML(HyperText Markup Language,超文本標記語言),是網頁頁面的骨架,主要定義了頁面的不同區域

補充說明:HTML會藉由起始標籤和結束標籤組成
如下圖

<body> //此為起始標籤
    我是內文
</body> //此為結束標籤

以下是一個基本的HTML架構

<!DOCTYPE html>
<html>
<head>
 <title>網站標題</title>
</head>
<body>
 
</body>
</html>

<!DOCTYPE html> ➜ 定義此文件為HTML格式
<html>➜ 此為標記HTML語法開始
<head> </head> ➜ 此為網頁的頁首部分
<title> </title> ➜ 此為網頁的標題
<body> </body> ➜ 此為網頁的內文部分
</html>➜ 此為標記HTML語法結束

延伸閱讀
HTML:超文本標記語言 _ MDN
前端框架簡介 - 學習該如何開發 Web _ MDN

網站樣式(CSS)

藉由CSS我們可以裝飾我們的網頁外觀
由於CSS的概念較多,這邊建議可以移駕至以下資源觀看

CSS 基本 - 學習該如何開發 Web _ MDN
金魚都能懂的網頁設計入門 - 金魚都能懂了你還怕學不會嗎-系列文
金魚都能懂的CSS必學屬性

後端

後端的知識太多了,都放在這顆技能樹上了,想要的就自己去找吧 (喂~
後端的部分我們明天再續 XD


上一篇
Day 4 網頁簡介-前端 vs. 後端
下一篇
Day 6 關於後端
系列文
新手村的練功筆記30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言